.usertop{width:7.5rem; height:1.8rem; padding-top:.3rem; background-color:#FFFFFF; border-bottom:1px #EEEEEE solid ;overflow:hidden}
.usertop .avatar{ width:1.5rem; height:1.2rem; float:left; margin-left:.5rem;}
.usertop .avatar img{ width:1.2rem; height:1.2rem;border-radius:100%}
.usertop .name{ width:5rem; float:left;}
.usertop .name .nickname{ padding-top:.1rem;}
.usertop .name .nickname .lv{ background-color: #009966; color:#FFFFFF; padding:.05rem .15rem; margin-right:.2rem;border-radius:4px;}
.usertop .name .progress{ width:3rem; height:.2rem; background-color: #E0E0E0;border-radius:.2rem; margin-top:.3rem;}
.usertop .name .progress .nblock{ height:.2rem; background-color: #0066FF;border-radius:.2rem}
 

.unavli{ width:7.5rem; background-color: #FFFFFF; height:1rem; padding-left:1.1rem;background-image: url('../images/left_1.png');background-repeat: no-repeat; background-position: .35rem center;background-size:.5rem; position:relative}
.unavli .txt{height:1rem; line-height:1rem;border-bottom:1px #F3F3F3 solid;background-image: url('../images/show_item.png');background-repeat: no-repeat; background-position: 5.8rem center;background-size:.35rem;}
.unavli.noitem{ background-image:none;padding-left:.3rem;}
.unavli.noitem .txt{background-position: 6.5rem center;}
.unavli .txt.nobor{ border-bottom-width:0px;}
.unavli .txt.noarrow{ background-image:none}
.unavli .switch{position:absolute; right:0px ;top:.15rem;width:1.6rem;height:.7rem;background-image: url('../images/switch.png');background-repeat:no-repeat;background-position:center -.77rem;background-size:1.1rem;}
.unavli .switch.select{background-position: center 0rem;}

.unavli.a1{background-image: url('../images/user_img/1.png');}
.unavli.a2{background-image: url('../images/user_img/2.png');}
.unavli.a3{background-image: url('../images/user_img/3.png');}
.unavli.a4{background-image: url('../images/user_img/4.png');}
.unavli.a5{background-image: url('../images/user_img/5.png');}
.unavli.a6{background-image: url('../images/user_img/6.png');}
.unavli.a7{background-image: url('../images/user_img/7.png');}
.unavli.a8{background-image: url('../images/user_img/8.png');}
.unavli.a9{background-image: url('../images/user_img/9.png');}
.unavli.a10{background-image: url('../images/user_img/10.png');}

 
/*退出按钮*/
.ulogin_out{ width:5rem; height:.9rem; line-height:1rem; text-align:center; margin:0 auto; background-color:#FFFFFF; color:#FF0000; border:1px #EBEBEB solid; margin-top:.3rem;border-radius:1rem;vertical-align:middle; display:table-cell; }

/*列标*/
 
.ulist_nav{width:7.5rem;background-color:#FFFFFF; height:.9rem; overflow:hidden;padding-left:.8rem;}
.ulist_nav .nil{ float:left; margin-left:1rem; margin-right:1rem; height:.9rem;border-bottom:.08rem #FFFFFF solid; padding-top:.21rem; }
.ulist_nav .nil.select{border-bottom:.08rem #0066CC solid; color:#0066CC}

.ulist{width:7.5rem;background-color:#FFFFFF; padding-top:.2rem; border-bottom:1px #F3F3F3 solid; padding-left:.3rem;  padding-right:.3rem; padding-bottom:.3rem; overflow:hidden; position:relative}
.ulist .titmores{width:6.9rem; height:.8rem; line-height:.8rem; overflow:hidden}
.ulist .titmores .hs1{ width:5rem; float:left;}
.ulist .titmores .hs1 .b{ color:#009900}
.ulist .titmores .hs1 .t{ color:#000000}
.ulist .titmores .hs1 .d{ color:#CCCCCC}
.ulist .titmores .hs1 .y{ color: #FF3300}
.ulist .titmores .more{background-image: url('../images/show_item_down.png');background-repeat: no-repeat;background-size:.25rem;background-position:center center; float:right; width:.8rem; height:.8rem;}
.ulist .tit{ height:.6rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#333333}
.ulist .tit .blue{ color:#009900}
.ulist .txt{ line-height:130%; color:#666666;}
.ulist .txt .y{ color:#FF3300}
.ulist .date{ width:6.9rem; padding-top:.1rem; text-align:right; color:#CCCCCC; overflow:hidden}

/*任务*/
.ulist .pic{ width:1rem; text-align:center; float:left}
.ulist .pic img{ width:.9rem; height:.9rem;}
.ulist .pictxt{ width:5rem; float:left; padding-left:.2rem; line-height:160%}
.ulist .pictxt .t1{ color:#333333}
.ulist .pictxt .t2{ color:#999999}
.ulist .state{ position: absolute; right:.3rem; top:.3rem; text-align:right}
.ulist .state .complete{ color:#009900}

/*经验和金币日志*/
.ulist .goldtxt{ width:5rem; float:left; padding-left:.2rem; line-height:160%}
.ulist .goldtxt .t1{ color:#333333}
.ulist .goldtxt .t1 .orange{ color:#FF6600; padding-left:.1rem;}
.ulist .goldtxt .t2{ color:#666666}
.ulist .goldtime{ position: absolute; right:.3rem; top:.3rem; text-align:right;color:#999999}

/*Lv等级列表*/
.ulist .lvtxt{ width:4rem; float:left; padding-left:.2rem; line-height:.6rem;}
.ulist .lvtxt .lvbg{ margin-right:.2rem; padding:.05rem .15rem; background-color:#FF6600; color:#FFFFFF;border-radius:4px;}
.ulist .lvnum{ position: absolute; width:2.5rem; right:.3rem; top:.3rem; text-align:right}
.ustop{width:7.5rem;background-color:#FFFFFF; padding-top:.3rem; padding-bottom:.2rem;}
.ustop .avatar{ width:1rem; height:1rem;border-radius:100%; margin:0 auto;}
.ustop .avatar img{width:1rem; height:1rem;border-radius:100%}
.ustop .nickname{ height:.7rem; padding-top:.2rem; text-align:center; font-weight:bold}
.ustop .progt{  height:.6rem; line-height:.6rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; text-align:center; color:#999999}
.ustop .progt .lvt{ margin-left:.2rem; padding:.05rem .1rem; background-color: #009900; color:#FFFFFF;border-radius:4px;}
.ustop .progt .c{ color:#FF3300; padding-left:.2rem;} 
